<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击</button>
    <script>
        //this   一般情况下this的最终指向是那个调用它的对象

        //1、全局情况下，this指向的是window
        // function fun(){
        //     console.log(this); 这个时候this指向的是window
        // }
        // fun()//这个地方就相当于window.fun

        // //2、在方法调用中使用this，谁调用的这个方法，那么this就指向谁
        // var o = {
        //     sayHi:function(){
        //         console.log(this);  //这个时候this指向的是o这个对象 
        //     }
        // }
        // o.sayHi();

        //3、构造函数中的this指向的是new出来的那个新的实例
        function Fun(){
            console.log(this);
        }
        var fun = new Fun();

    </script>
</body>
</html>